﻿<%@ Page Language="C#" MasterPageFile="~/Controls/AdminPage.master" AutoEventWireup="true"
    CodeFile="Employees.Add.aspx.cs" Inherits="Pages_Hr_Employees_Add" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <article id="settings">
 <script language="javascript">
     function isInteger(s) {
         var i;
         s = s.toString();
         for (i = 0; i < s.length; i++) {
             var c = s.charAt(i);
             if (isNaN(c)) {
                 alert("Given value is not a number");
                 return false;
             }
         }
         return true;
     }
     function isNumberKey(evt) {
         var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57))
             return false;

         return true;
     }
        </script>
	<asp:Label ID="lblTtitle" runat="server" Text="Thêm mới nhân viên" CssClass="title"></asp:Label>
	<br /><br />
	<form class="uniform">
		<ul class="tabs">
			<li><a href="#general">Thông tin</a></li>
			<li><a href="#">Thông tin bổ sung</a></li>
			<li><a href="#">Hợp đồng</a></li>
			<li><a href="#">Quan hệ gia đình</a></li>
			<li><a href="#">Hồ sơ</a></li>
		</ul>
		<div class="tabcontent">
			<div id="general">
				<dl class="inline">
					<dt><label for="site_title">Tên, họ và đệm *</label></dt>
					<dd>
						<asp:TextBox ID="txtFirstName" runat="server" CssClass="medium" Width="100px"></asp:TextBox> - 
						<asp:TextBox ID="txtLastName" runat="server" CssClass="medium" Width="180px"></asp:TextBox>
						<small>Tên, họ và đệm của nhân viên</small>
                        <asp:RequiredFieldValidator ID="rqfvalidator" runat="server"  ControlToValidate="txtFirstName" Text="Bạn chưa nhập họ và tên"></asp:RequiredFieldValidator>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtLastName" Text=""></asp:RequiredFieldValidator>
					</dd>
                    
					<dt><label for="site_url">ID tự đánh *</label></dt>
					<dd>
						<asp:TextBox ID="txtManualID" runat="server" CssClass="medium"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="rpfvalidatorMSNV" runat="server" ControlToValidate="txtManualID" Text="Bạn chưa nhập mã nhân viên"></asp:RequiredFieldValidator>
						<small>Là mã nhân viên do cán bộ quản lý tự đánh</small>
					</dd>

		            <dt><label for="newstitle">Ảnh đại diện</label></dt>
		            <dd>
		                <asp:HyperLink ID="hplUpload" runat="server">Upload</asp:HyperLink>
		                <small><asp:Image ID="imgAvatar" runat="server"></asp:Image><asp:Label ID="lblFileID" runat="server" Text="0" Visible="false"></asp:Label></small>
						<small>Ảnh có kích cỡ từ 800x600 trở lên, dung lượng file tối đa 2Mb</small>
		            </dd>

					<dt><label for="site_url">Ngày sinh</label></dt>
					<dd>
                        <asp:DropDownList ID="drpDate" runat="server" Width="80px">
			                <asp:ListItem Text="Ngày 01" Value="01"></asp:ListItem>
			                <asp:ListItem Text="Ngày 02" Value="02"></asp:ListItem>
                            <asp:ListItem Text="Ngày 03" Value="03"></asp:ListItem>
                            <asp:ListItem Text="Ngày 04" Value="04"></asp:ListItem>
                            <asp:ListItem Text="Ngày 05" Value="05"></asp:ListItem>
                            <asp:ListItem Text="Ngày 06" Value="06"></asp:ListItem>
                            <asp:ListItem Text="Ngày 07" Value="07"></asp:ListItem>
                            <asp:ListItem Text="Ngày 08" Value="08"></asp:ListItem>
                            <asp:ListItem Text="Ngày 09" Value="09"></asp:ListItem>
                            <asp:ListItem Text="Ngày 10" Value="10"></asp:ListItem>
                            <asp:ListItem Text="Ngày 11" Value="11"></asp:ListItem>
                            <asp:ListItem Text="Ngày 12" Value="12"></asp:ListItem>
                            <asp:ListItem Text="Ngày 13" Value="13"></asp:ListItem>
                            <asp:ListItem Text="Ngày 14" Value="14"></asp:ListItem>
                            <asp:ListItem Text="Ngày 15" Value="15"></asp:ListItem>
                            <asp:ListItem Text="Ngày 16" Value="16"></asp:ListItem>
                            <asp:ListItem Text="Ngày 17" Value="17"></asp:ListItem>
                            <asp:ListItem Text="Ngày 18" Value="18"></asp:ListItem>
                            <asp:ListItem Text="Ngày 19" Value="19"></asp:ListItem>
                            <asp:ListItem Text="Ngày 20" Value="20"></asp:ListItem>
                            <asp:ListItem Text="Ngày 21" Value="21"></asp:ListItem>
                            <asp:ListItem Text="Ngày 22" Value="22"></asp:ListItem>
                            <asp:ListItem Text="Ngày 23" Value="23"></asp:ListItem>
                            <asp:ListItem Text="Ngày 24" Value="24"></asp:ListItem>
                            <asp:ListItem Text="Ngày 25" Value="25"></asp:ListItem>
                            <asp:ListItem Text="Ngày 26" Value="26"></asp:ListItem>
                            <asp:ListItem Text="Ngày 27" Value="27"></asp:ListItem>
                            <asp:ListItem Text="Ngày 28" Value="28"></asp:ListItem>
                            <asp:ListItem Text="Ngày 29" Value="29"></asp:ListItem>
                            <asp:ListItem Text="Ngày 30" Value="30"></asp:ListItem>
                            <asp:ListItem Text="Ngày 31" Value="31"></asp:ListItem>

			            </asp:DropDownList>
                        <asp:DropDownList ID="drpMonth" runat="server" Width="80px">
			                <asp:ListItem Text="Tháng 1" Value="01"></asp:ListItem>
			                <asp:ListItem Text="Tháng 2" Value="02"></asp:ListItem>
                            <asp:ListItem Text="Tháng 3" Value="03"></asp:ListItem>
                            <asp:ListItem Text="Tháng 4" Value="04"></asp:ListItem>
                            <asp:ListItem Text="Tháng 5" Value="05"></asp:ListItem>
                            <asp:ListItem Text="Tháng 6" Value="06"></asp:ListItem>
                            <asp:ListItem Text="Tháng 7" Value="07"></asp:ListItem>
                            <asp:ListItem Text="Tháng 8" Value="08"></asp:ListItem>
                            <asp:ListItem Text="Tháng 9" Value="09"></asp:ListItem>
                            <asp:ListItem Text="Tháng 10" Value="10"></asp:ListItem>
                            <asp:ListItem Text="Tháng 11" Value="11"></asp:ListItem>
                            <asp:ListItem Text="Tháng 12" Value="12"></asp:ListItem>

			            </asp:DropDownList>
                        <asp:TextBox ID="txtYear" runat="server" width="50" ToolTip="Năm" onkeypress="return isNumberKey(event)"></asp:TextBox>
						<small>Nhập dưới dạng dd/mm/yyyy, ví dụ 26/04/1986</small>
                        <asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate ="txtYear" MinimumValue="1900" MaximumValue="2500" ErrorMessage="Nhập quá giới hạn năm 1900 đến 2500"></asp:RangeValidator>
					</dd>

					<dt><label for="footer_text">Giới tính </label></dt>
					<dd>
			            <asp:DropDownList ID="drpGender" runat="server" Width="180px">
			                <asp:ListItem Text="Nam" Value="1"></asp:ListItem>
			                <asp:ListItem Text="Nữ" Value="0"></asp:ListItem>
			            </asp:DropDownList>
					</dd>

					<dt><label for="footer_text">Phòng, ban *</label></dt>
					<dd>
			            <asp:DropDownList ID="drpDepartment" DataTextField="Alias" 
                            DataValueField="DepartmentID" runat="server" Width="180px" 
                            onselectedindexchanged="drpDepartment_SelectedIndexChanged">
			            </asp:DropDownList>
                         <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="drpDepartment" Text="Nhập phòng ban"></asp:RequiredFieldValidator>
					</dd>
					<dt><label for="footer_text">Nơi làm việc *</label></dt>
					<dd>
			            <asp:DropDownList ID="drpOffice" DataTextField="Name" DataValueField="OfficeID" runat="server" Width="180px">
			            </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="drpOffice" Text="Nhập nơi làm việc"></asp:RequiredFieldValidator>
					</dd>

					<dt><label for="site_url">Ngày vào công ty *</label></dt>
					<dd>
						<asp:TextBox ID="txtJoinedTime" runat="server" CssClass="medium"></asp:TextBox>
                        <ajaxToolkit:CalendarExtender ID="ajaxBeginDateToWork" runat="server" TargetControlID="txtJoinedTime" Format="dd/MM/yyyy"></ajaxToolkit:CalendarExtender>
						<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtJoinedTime" Text="Không được để trống"></asp:RequiredFieldValidator>
                        <small>Ngày bắt đầu vào làm việc tại công ty</small>
                         
					</dd>

					<dt><label for="site_url">Loại hợp đồng *</label></dt>
					<dd>
			            <asp:DropDownList ID="drpContractType" DataTextField="Name" DataValueField="TypeID" runat="server" Width="180px">
			            </asp:DropDownList>
                         <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="drpContractType" Text="Không được để trống"></asp:RequiredFieldValidator>
					</dd>

					<dt><label for="site_url">Số cơ quan</label></dt>
					<dd>
						<asp:TextBox ID="txtWorkPhone" runat="server" CssClass="medium" onkeypress="return isNumberKey(event)"></asp:TextBox>
						<small>Số máy lẻ tại cơ quan</small>
					</dd>

					<dt><label for="site_url">Số di động *</label></dt>
					<dd>
						<asp:TextBox ID="txtMobile" runat="server" CssClass="medium" onkeypress="return isNumberKey(event)"></asp:TextBox>
                        <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ErrorMessage="Điện thoại tối thiểu phải có 10 ký tự"
                        ControlToValidate="txtMobile" ValidationExpression=".{10}.*"></asp:RegularExpressionValidator>
                         <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="txtMobile" Text="Bạn chưa nhập số điện thoại di động."></asp:RequiredFieldValidator>
						<small>Số điện thoại di động</small>
					</dd>

					<dt><label for="site_url">Email công ty*</label></dt>
					<dd>
						<asp:TextBox ID="txtEmail" runat="server" CssClass="medium"></asp:TextBox>
                        <asp:RegularExpressionValidator   
                        ID="RegularExpressionValidator1"  
                        runat="server"   
                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"  
                        ControlToValidate="txtEmail"  
                        ErrorMessage="Định dạng email chưa đúng!"  
                        >  
                    </asp:RegularExpressionValidator>  
                    <asp:RequiredFieldValidator   
                     ID="RequiredFieldValidator1"  
                     runat="server"  
                     ControlToValidate="txtEmail"  
                     Text="Bạn chưa nhập địa chỉ email!" 
                     >  
                     </asp:RequiredFieldValidator>
					</dd>

				</dl>
		        <div class="buttons">
		            <asp:Button ID="btAdd" runat="server" CssClass="button" Text="Thêm mới" OnClick="btAdd_Click"></asp:Button>
		            <asp:Button ID="btCancel" runat="server" CssClass="button white" Text="Bỏ qua" CausesValidation="false" OnClick="btCancel_Click"></asp:Button>
		        </div>
			</div>
			<div id="security">
				
			</div>
			<div id="history">

			</div>
		</div>
	</form>
</article>
    <asp:Panel ID="panelUpload" runat="server" Style="display: none;">
        <div id="login" class="box">
            <asp:Panel ID="panelUploadHandle" runat="server" Style="cursor: move;">
                <h2>
                    Ảnh đại diện</h2>
            </asp:Panel>
            <section>
            <asp:Panel ID="panelImgMessage" runat="server" Visible="false">
            <div class="error msg"><asp:Label ID="lblImgMessage" runat="server" Text="Message if login failed"></asp:Label></div>
            </asp:Panel>
            <dl>
	            <dt><label for="username">Chọn ảnh</label></dt>
	            <dd><asp:FileUpload ID="fuFileUpload" runat="server"></asp:FileUpload></dd>
            </dl>
            <p>
                <asp:Button ID="btImgUpload" runat="server" CssClass="button blue" OnClick="btImgUpload_Click"  Text="Thực hiện"></asp:Button>
                <asp:Button ID="btImgClose" runat="server" CssClass="button gray" CausesValidation="false"  Text="Hủy"></asp:Button>
            </p>
        </section>
        </div>
    </asp:Panel>
    <ajaxToolkit:ModalPopupExtender runat="server" ID="mpeUpload" PopupControlID="panelUpload"
        TargetControlID="hplUpload" BackgroundCssClass="modalBackground" PopupDragHandleControlID="panelUploadHandle"
        CancelControlID="btImgClose">
    </ajaxToolkit:ModalPopupExtender>
</asp:Content>
